<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <link rel="dns-prefetch" href="//res.wx.qq.com">
        <link rel="dns-prefetch" href="//mmbiz.qpic.cn">
        <link rel="shortcut icon" type="image/x-icon" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/images/icon/common/favicon22c41b.ico">
        <title>{$detail.title}</title>    
        <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_pc2c9cd6.css">
        <![endif]-->
        <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_combo2eb52b.css">
        <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/not_in_mm2c9cd6.css">
        <style>
            html{
                -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6
            }
            body{
                -webkit-touch-callout:none;font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background-color:#f3f3f3;line-height:inherit
            }
            body.rich_media_empty_extra{
                background-color:#fff
            }
            body.rich_media_empty_extra .rich_media_area_primary:before{
                display:none
            }
            h1,h2,h3,h4,h5,h6{
                font-weight:400;font-size:16px
            }
            *{
                margin:0;padding:0
            }
            a{
                color:#607fa6;text-decoration:none
            }
            .rich_media_inner{
                font-size:16px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto
            }
            .rich_media_area_primary{
                position:relative;padding:20px 15px 15px;background-color:#fff
            }
            .rich_media_area_primary:before{
                content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);top:auto;bottom:-2px
            }
            .rich_media_area_primary .original_img_wrp{
                display:inline-block;font-size:0
            }
            .rich_media_area_primary .original_img_wrp .tips_global{
                display:block;margin-top:.5em;font-size:14px;text-align:right;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal
            }
            .rich_media_area_extra{
                padding:0 15px 0
            }
            .rich_media_title{
                margin-bottom:10px;line-height:1.4;font-weight:400;font-size:24px
            }
            .rich_media_meta_list{
                margin-bottom:18px;line-height:20px;font-size:0
            }
            .rich_media_meta_list em{
                font-style:normal
            }
            .rich_media_meta{
                display:inline-block;vertical-align:middle;margin-right:8px;margin-bottom:10px;font-size:16px
            }
            .meta_original_tag{
                display:inline-block;vertical-align:middle;padding:1px .5em;border:1px solid #9e9e9e;color:#8c8c8c;border-top-left-radius:20% 50%;-moz-border-radius-topleft:20% 50%;-webkit-border-top-left-radius:20% 50%;border-top-right-radius:20% 50%;-moz-border-radius-topright:20% 50%;-webkit-border-top-right-radius:20% 50%;border-bottom-left-radius:20% 50%;-moz-border-radius-bottomleft:20% 50%;-webkit-border-bottom-left-radius:20% 50%;border-bottom-right-radius:20% 50%;-moz-border-radius-bottomright:20% 50%;-webkit-border-bottom-right-radius:20% 50%;font-size:15px;line-height:1.1
            }
            .meta_enterprise_tag img{
                width:30px;height:30px!important;display:block;position:relative;margin-top:-3px;border:0
            }
            .rich_media_meta_text{
                color:#8c8c8c
            }
            span.rich_media_meta_nickname{
                display:none
            }
            .rich_media_thumb_wrp{
                margin-bottom:6px
            }
            .rich_media_thumb_wrp .original_img_wrp{
                display:block
            }
            .rich_media_thumb{
                display:block;width:100%
            }
            .rich_media_content{
                overflow:hidden;color:#3e3e3e
            }
            .rich_media_content *{
                max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important
            }
            .rich_media_content p{
                clear:both;min-height:1em;white-space:pre-wrap
            }
            .rich_media_content em{
                font-style:italic
            }
            .rich_media_content fieldset{
                min-width:0
            }
            .rich_media_content .list-paddingleft-2{
                padding-left:30px
            }
            .rich_media_content blockquote{
                margin:0;padding-left:10px;border-left:3px solid #dbdbdb
            }
            img{
                height:auto!important
            }
            @media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){
                .mm_appmsg .rich_media_inner,.mm_appmsg .rich_media_meta,.mm_appmsg .discuss_list,.mm_appmsg .rich_media_extra,.mm_appmsg .title_tips .tips{
                    font-size:17px
                }
                .mm_appmsg .meta_original_tag{
                    font-size:15px
                }
            }
            @media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){
                .mm_appmsg .rich_media_title{
                    font-size:25px
                }
            }
            @media screen and (min-width:1024px){
                .rich_media{
                    width:740px;margin-left:auto;margin-right:auto
                }
                .rich_media_inner{
                    padding:20px
                }
                body{
                    background-color:#fff
                }
            }
            @media screen and (min-width:1025px){
                body{
                    font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif
                }
                .rich_media{
                    position:relative
                }
                .rich_media_inner{
                    background-color:#fff;padding-bottom:100px
                }
            }
            .radius_avatar{
                display:inline-block;background-color:#fff;padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;vertical-align:middle
            }
            .radius_avatar img{
                display:block;width:100%;height:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#eee
            }
            .cell{
                padding:.8em 0;display:block;position:relative
            }
            .cell_hd,.cell_bd,.cell_ft{
                display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap
            }
            .cell_primary{
                width:2000px;white-space:normal
            }
            .flex_cell{
                padding:10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center
            }
            .flex_cell_primary{
                width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;box-flex:1;flex:1
            }
            .original_tool_area{
                display:block;padding:.75em 1em 0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#3e3e3e;border:1px solid #eaeaea;margin:20px 0
            }
            .original_tool_area .tips_global{
                position:relative;padding-bottom:.5em;font-size:15px
            }
            .original_tool_area .tips_global:after{
                content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #dbdbdb;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)
            }
            .original_tool_area .radius_avatar{
                width:27px;height:27px;padding:0;margin-right:.5em
            }
            .original_tool_area .radius_avatar img{
                height:100%!important
            }
            .original_tool_area .flex_cell_bd{
                width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal
            }
            .original_tool_area .flex_cell_ft{
                font-size:14px;color:#8c8c8c;padding-left:1em;white-space:nowrap
            }
            .original_tool_area .icon_access:after{
                content:" ";display:inline-block;height:8px;width:8px;border-width:1px 1px 0 0;border-color:#cbcad0;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;top:-1px
            }
            .weui_loading{
                width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url() no-repeat;-webkit-background-size:100%;background-size:100%
            }
            .gif_img_wrp{
                display:inline-block;font-size:0;position:relative;font-weight:400;font-style:normal;text-indent:0;text-shadow:none 1px 1px rgba(0,0,0,0.5)
            }
            .gif_img_wrp img{
                min-height:120px;min-width:120px;vertical-align:top
            }
            .gif_img_tips{
                background:rgba(0,0,0,0.6)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endcolorstr = '#99000000');border-top-left-radius:1.2em 50%;-moz-border-radius-topleft:1.2em 50%;-webkit-border-top-left-radius:1.2em 50%;border-top-right-radius:1.2em 50%;-moz-border-radius-topright:1.2em 50%;-webkit-border-top-right-radius:1.2em 50%;border-bottom-left-radius:1.2em 50%;-moz-border-radius-bottomleft:1.2em 50%;-webkit-border-bottom-left-radius:1.2em 50%;border-bottom-right-radius:1.2em 50%;-moz-border-radius-bottomright:1.2em 50%;-webkit-border-bottom-right-radius:1.2em 50%;line-height:2.3;padding:0 1em;font-size:11px;color:#fff;text-align:center;position:absolute;bottom:10px;left:10px
            }
            .gif_img_tips i{
                vertical-align:middle;margin:-0.2em .73em 0 -2px
            }
            .gif_img_play_arrow{
                display:inline-block;width:0;height:0;border-width:8px;border-style:dashed;border-color:transparent;border-right-width:0;border-left-color:#fff;border-left-style:solid;border-width:5px 0 5px 8px
            }
            .gif_img_loading{
                width:14px;height:14px
            }
            i.gif_img_loading{
                margin-left:-4px
            }
            .rich_media_global_msg{
                position:fixed;top:0;left:0;right:0;padding:1em 35px 1em 15px;z-index:1;background-color:#c6e0f8;color:#8c8c8c;font-size:13px
            }
            .rich_media_global_msg .icon_closed{
                position:absolute;right:15px;top:50%;margin-top:-5px;line-height:300px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_appmsg_msg_closed_sprite.2x.png) no-repeat 0 0;width:11px;height:11px;vertical-align:middle;display:inline-block;-webkit-background-size:100% auto;background-size:100% auto
            }
            .rich_media_global_msg .icon_closed:active{
                background-position:0 -17px
            }
            .preview_appmsg .rich_media_title{
                margin-top:1.9em
            }
            @media screen and (min-width:1024px){
                .rich_media_global_msg{
                    position:relative;margin:0 20px
                }
                .preview_appmsg .rich_media_title{
                    margin-top:0
                }
            }
        </style>
    </head>
    <body id="activity-detail" class="zh_CN mm_appmsg not_in_mm" ontouchstart="">
        <div id="js_article" class="rich_media">
            <div id="js_top_ad_area" class="top_banner">
     
            </div>
            <div class="rich_media_inner">      
                <div id="page-content">
                    <div id="img-content" class="rich_media_area_primary">
                        <h2 class="rich_media_title" id="activity-name">
                            {$detail.title}
                        </h2>
                        <div class="rich_media_meta_list">
                            <em id="post-date" class="rich_media_meta rich_media_meta_text">{$detail.create_time|date='Y-m-d',###}</em>
                            <em class="rich_media_meta rich_media_meta_text">{$detail.author}</em>
                            <a class="rich_media_meta rich_media_meta_link rich_media_meta_nickname" href="javascript:void(0);" id="post-user">{$mp.name}</a>
                            <span class="rich_media_meta rich_media_meta_text rich_media_meta_nickname">{$mp.name}</span>
                            <div id="js_profile_qrcode" class="profile_container" style="display:none;">
                                <div class="profile_inner">
                                    <strong class="profile_nickname">{$mp.name}</strong>
                                    <img class="profile_avatar" id="js_profile_qrcode_img" src="" alt="">
                                    <p class="profile_meta">
                                    <label class="profile_meta_label">微信号</label>
                                    <span class="profile_meta_value">{$mp.mp_number}</span>
                                    </p>
                                    <p class="profile_meta">
                                    <label class="profile_meta_label">功能介绍</label>
                                    <span class="profile_meta_value">{$mp.desc}</span>
                                    </p>
                                </div>
                                <span class="profile_arrow_wrp" id="js_profile_arrow_wrp">
                                    <i class="profile_arrow arrow_out"></i>
                                    <i class="profile_arrow arrow_in"></i>
                                </span>
                            </div>
                        </div>
                        <div class="rich_media_content " id="js_content">
                            {$detail.detail}
                        </div>    
                                        
                        <div class="rich_media_tool" id="js_toobar3">
                            <if condition="$detail['url']">
                            <a class="media_tool_meta meta_primary" id="js_view_source" href="{$detail.url}">阅读原文</a>
                            </if>
                            <div id="js_read_area3" class="media_tool_meta tips_global meta_primary" style="display:none;">
                                阅读 <span id="readNum3"></span>
                            </div>
                            <span style="display:none;" class="media_tool_meta meta_primary tips_global meta_praise" id="like3">
                                <i class="icon_praise_gray"></i><span class="praise_num" id="likeNum3"></span>
                            </span>
                            <a id="js_report_article3" style="display:none;" class="media_tool_meta tips_global meta_extra" href="javascript:void(0);">投诉</a>
                        </div>
                    </div>
                    <div class="rich_media_area_primary sougou" id="sg_tj" style="display:none">
                    </div>
                    <div class="rich_media_area_extra">
                        <div class="mpda_bottom_container" id="js_bottom_ad_area">
                        </div>               
                        <div id="js_iframetest" style="display:none;"></div>
                    </div>
                </div>
                <div id="js_pc_qr_code" class="qr_code_pc_outer" style="display: block;">
                    <div class="qr_code_pc_inner">
                        <div class="qr_code_pc">
                            <img id="js_pc_qr_code_img" class="qr_code_pc_img" src="{$mp.qrcode}">
                            <p>微信扫一扫<br>关注该公众号</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="__PUBLIC__/Common/js/jquery.js"></script>
    <script src="__PUBLIC__/Plugins/markdown-js/markdown.js"></script>
    <script>
        var content = document.getElementById('js_content');
        var converter = new Markdown.Converter();
        content.innerHTML = converter.makeHtml(content.innerHTML);
    </script>
</html>